// 设计令牌 - 统一的设计变量
:root {
  /* 颜色系统 */
  --primary-color: #165dff;
  --primary-color-hover: #4080ff;
  --primary-color-active: #0e42d2;
  --primary-color-disabled: #94bfff;
  
  --success-color: #00b42a;
  --warning-color: #ff7d00;
  --danger-color: #f53f3f;
  --info-color: #909399;
  
  /* 中性色 */
  --text-color-primary: #1d2129;
  --text-color-regular: #4e5969;
  --text-color-secondary: #86909c;
  --text-color-disabled: #c9cdd4;
  
  --bg-color-primary: #ffffff;
  --bg-color-secondary: #f7f8fa;
  --bg-color-tertiary: #f2f3f5;
  
  --border-color: #e5e6eb;
  --border-color-light: #f2f3f5;
  --border-color-dark: #c9cdd4;
  
  /* 间距系统 */
  --spacing-mini: 4px;
  --spacing-small: 8px;
  --spacing-medium: 12px;
  --spacing-large: 16px;
  --spacing-xl: 20px;
  --spacing-xxl: 24px;
  --spacing-xxxl: 32px;
  
  /* 圆角系统 */
  --border-radius-small: 2px;
  --border-radius-medium: 4px;
  --border-radius-large: 6px;
  --border-radius-xl: 8px;
  
  /* 阴影系统 */
  --shadow-light: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 4px 8px rgba(0, 0, 0, 0.12);
  --shadow-large: 0 8px 24px rgba(0, 0, 0, 0.15);
  
  /* 字体系统 */
  --font-size-mini: 12px;
  --font-size-small: 13px;
  --font-size-medium: 14px;
  --font-size-large: 16px;
  --font-size-xl: 18px;
  --font-size-xxl: 20px;
  --font-size-title: 24px;
  
  --line-height-normal: 1.4;
  --line-height-loose: 1.6;
  
  /* 层级系统 */
  --z-index-base: 1;
  --z-index-affix: 10;
  --z-index-modal: 1000;
  --z-index-drawer: 1000;
  --z-index-message: 2000;
  --z-index-notification: 2000;
  --z-index-tooltip: 2000;
  
  /* 动画系统 */
  --transition-duration-1: 0.1s;
  --transition-duration-2: 0.2s;
  --transition-duration-3: 0.3s;
  --transition-function: cubic-bezier(0.34, 0.69, 0.1, 1);
}